草庐IT

CSS 背景

全部标签

javascript - 带有热重载的 webpack-dev-server 使用 css 更改重新加载整个页面

[编辑]GithubTestRepoCreatedforyoutotest!!我的热重载没有任何问题,但每当我进行单个css更改时它都会重新加载整个页面。我希望它注入(inject)任何css更改,并且理想情况下对React组件执行类似操作,除非确实需要完全重新加载。**我得到以下控制台日志**[WDS]Appupdated.Recompiling...client?cd17:41[WDS]Appupdated.Recompiling...client?8505:41[WDS]Appupdated.Recompiling...client?cd17:41[WDS]Appupdated.

javascript - 使用 Javascript 或 CSS 从 Internet Explorer 打印时隐藏页眉和页脚

当我从InternetExplorer打印网页时,它会自动添加页眉和页脚,包括网站标题、URL、日期和页码。是否可以使用Javascript或CSS以编程方式隐藏页眉和页脚?要求:在IE6中工作(不需要其他浏览器支持,因为它对Intranet是必需的)可能会使用ActiveX、JavaApplet、Javascript、CSS最好不是用户需要安装的东西(例如http://www.meadroid.com/scriptx)。尽管我认为这可能是唯一的选择,但请随意列出其他第三方可用的插件不要求用户手动更新他们的浏览器设置不要将页面呈现为PDF或Word文档或任何其他格式不要写入注册表(安全

javascript - 在 Angular 2 中应用频繁 CSS 更改的最有效方法

我们有一个Angular2站点,其中有一个websocket将数据从后端泵入我们的网格。为了指示最近的更新,我们使用CSS设置行的背景颜色和受影响的单元格上的粗体。指示应该只持续很短的时间。1)我们的第一次尝试是在下一批从服务器到达时重置所有指标。这运行良好,但在某些View中很少有更新,这意味着指标可以保持很长时间,这有点令人困惑。如果更新指示器在固定时间间隔(例如4秒)后消失会更加一致。2)我们的下一个尝试是使用CSS动画。但是过了一会儿,它就滞后了很多。给人的印象是运行过多的动画会使浏览器过载,无法处理请求的时间。也许每个动画在后台都有自己的计时器?3)第三种尝试是让一个计时器以

javascript - 如何在 Google App Engine 上自动执行 Javascript 和 CSS 压缩?

我找不到任何合适的解决方案来自动执行GoogleAppEngineCSS和Javascript缩小。 最佳答案 如果您的JS/CSS文件要在HTML页面内使用,那么一个很好的选择是让AppEngine通过实验性“PageSpeed”功能自动优化您的网站(缩小、捆绑、内联等)。您可以通过执行以下操作将其打开:转到元素的AppEngine仪表板:https://appengine.google.com/settings?&app_id=s~your_project_id单击“应用程序设置”(位于“管理”部分左下方)。向下滚动到“性能”部

javascript - 使用媒体查询进行移动优化的背景而不是内联图像?

我通过媒体查询对我的网站进行了移动优化。一切看起来都如我所愿,但正在下载不必要的图像(因为它们被css隐藏),从而减慢了页面加载时间。对此最简单的解决方案似乎是用带背景图像的div替换尽可能多的内联图像。然后我可以用移动版本的媒体查询css隐藏div。我知道这有潜在的缺点,在这篇文章中有很好的概述:WhentouseIMGvs.CSSbackground-image?因此公司Logo、员工照片等将保留为内联图像。我的方法是否有任何我没有考虑过的问题?我阅读了很多关于移动优化的文章,尤其是关于媒体查询的内容,但我还没有听说有人这样做,尽管这似乎是一个非常明显的解决方案,其中图像可以内联或

javascript - 如何获取 CSS3-3d 转换元素的屏幕位置?

我有一个基于CSS3构建的非常复杂的网站,其中包含html元素3d转换、旋转、翻转、翻转和一般扭曲。我正在尝试找出其中一个元素在屏幕上的位置,但没有找到任何方法。不知道有没有人有什么巧妙的想法。或者,如果有人可以解释-webkit-perspective背后的数学原理,我可以找出位置,因为这是我唯一不确定如何建模的东西。 最佳答案 您是否尝试过使用getBoundingClientRect()?我过去曾成功地使用它来计算已使用transform属性转换的元素的尺寸。 关于javascri

javascript - 每次重复 y 时垂直翻转背景图像

我正在寻找一种垂直重复我的背景图像的技巧,但每次重复图像时我都想垂直翻转它。我用repeat-y尝试了所有的想法,但我没有找到解决方案,甚至在谷歌中搜索它。例子:直背景图像重复y时翻转背景图像然后再次翻转到直线有获得那个位置的方法吗?只有在没有纯css的解决方案时,我才会接受JScript(及其库)中的解决方案。谢谢大家! 最佳答案 这无法使用标准CSS3完成,因为没有用于旋转背景图像的CSS3属性。引用:http://www.w3.org/TR/css3-background如建议的那样,将两个主题组合在一个图像中,这要简单得多并

javascript - 当我们有 gzip 时,为什么人们压缩 css 和 javascript?

这个问题在这里已经有了答案:IsthereabenefittominifyingJavaScriptbeforegzippingit?(5个答案)关闭9年前。如果人们可以在Web服务器上打开gzip压缩,为什么人们要经历所有缩小JavaScript和CSS文件的痛苦?这将提供相同(甚至更好)的交通性能结果。缩小会带来额外的好处吗?

javascript - 平滑停止 CSS 关键帧动画

我有以下代码:http://jsfiddle.net/odj8v0x4/.functionstopGlobe(){$('.mapfront').removeClass('mapfront-anim');$('.mapback').removeClass('mapback-anim');}functionstartGlobe(){$('.mapfront').addClass('mapfront-anim');$('.mapback').addClass('mapback-anim');}@keyframesmapfront_spin{0%{background-position:140

javascript - jquery 和 CSS 中最快的选择器方法 - ID 与否?

jquery/javascript中什么最快?$('#myID.myClass')或$('.myClass')在CSS中最好使用什么?#myID.myClass{}或.myClass{}我现在明白我应该解释得更好。抱歉!OfceauceID是CSS和JavaScript中更快的选择器。但有时您需要使用类,因为有多个选择器。例如,我有一个很大的html文档。在页面中间我有:link1link1link1如果我想定位所有“myClass”。那么在定位类之前定位ID会更好吗?(这样我就不必对整个HTML文档进行domtravel)例如:这会不会:$('#myID').find('.myCla